<template>
	<view class="loginBtn" :style="{height,fontSize,backgroundColor,color,lineHeight:height,borderRadius}" @click="$emit('click')">{{title}}</view>
</template>

<script>
const height = 80;
export default {
	props: {
		title:{
			type: String,
			default: "按钮"
		},
		height: {
			type: String,
			default: height + 'rpx'
		},
		borderRadius: {
			type: String,
			default: height / 2 + 'rpx'
		},
		fontSize: {
			type: String,
			default: '16px'
		},
		backgroundColor: {
			type: String,
			default: '#07a0aa'
		},
		color: {
			type: String,
			default: '#fff'
		}
	},
	data() {
		return {};
	}
};
</script>

<style lang="scss">
.loginBtn {
	text-align: center;
	&:active {
		background-color: rgba(19,127,134, 1)!important;
	}
}
</style>
